<%@page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<html>
<head>

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>

<script type="text/javascript">
	var listUrl = "rest/vehicle/list.do";
	var vehicleJson;

	$(document).ready(function() {


		/*  $('#month').combobox('setValue','11');//设置默认值为今年 */

		 $("#submit-search").click(function () {
	         $('#vehicle-dg').datagrid({ queryParams: form2Json("veh-list-fms") });     //点击搜索
			 //var temp = $('#inputValue').val();
	    });

		$("#vehicle-dg").datagrid({
			loadMsg : '数据加载中....',
			//title: '用户管理',
			//height:document.body.clientHeight-60,
			width : '100%',
			url : listUrl,
			// 		loadFilter : function(result) {
			// 				if (result.retCode == '0000') {
			// 					return result.data;
			// 				} else {
			// 					return result.retMsg;
			// 				}
			// 			},
			nowrap : false,
			striped : true,
			remoteSort : false,
			rownumbers : true,
			pagination : true,
			fitColumns : true,
			pageList : [ 10, 15, 20, 25 ],
			frozenColumns : [ [ {
				field : 'id',
				checkbox : true
			}, {
				title : '编号',
				field : 'id',
				width : 0,
				hidden : 'true'
			} ] ],

			columns : [ [ {
				field : 'vehicleNo',
				title : '车辆编号',
				width : 30
			}, {
				field : 'deviceNo',
				title : '设备编号',
				width : 30
			}, {
				field : 'carType',
				title : '汽车类型',
				width : 30
			},{
				field : 'updateTime',
				title : '更新时间',
				width : 30
			}  ] ]
		});// end datagrid
		//设置分页控件
		var p = $('#vehicle-dg').datagrid('getPager');
		$(p).pagination({
			pageSize : 10,//每页显示的记录条数，默认为10
			pageList : [ 10, 15, 20, 25 ],//可以设置每页记录条数的列表
			beforePageText : '第',//页数文本框前显示的汉字
			afterPageText : '页    共 {pages} 页',
			displayMsg : '当前显示 {from} - {to} 条记录   共 {total} 条记录',
			onBeforeRefresh : function() {
				$(this).pagination('loading');
				$(this).pagination('loaded');
			}

		});//end pagination

	})
	//end ready

	/* function stateChange(id,status){
		$.post("rest/vehicleUpdate.do",{"id":id,"status":status},function(data){
			if(data.retCode=="0000"){
				$('#vehicle-dg').datagrid("reload");
			}
		});
		
	} */

	function addvehicle() {
		var url = "vehicle/add.do";
		$.post(url, {}, function(data) {
			$("#center").empty();
			$("#center").html(data);
			$.parser.parse($("#center"));
		});
	}

	function showCenter(url, t) {
		var t = $(t);

		$.ajax({
			url : url,
			type : "get",
			beforeSend : function(XMLHttpRequest) {
				$("#center").html("<div class='loading'>页面加载中</div>");
			},
			success : function(data) {
				$("#center").empty();
				$("#center").html(data);
				$.parser.parse($("#center"));
				noword();
			}
		});
	}
	
	

	function editvehicle() {
		var rows = $('#vehicle-dg').datagrid('getSelections');
		if (rows.length != 1) {
			$.messager.alert('操作提示', "请先选择一条要操作的信息！");
			return;
		}
		var row = $('#vehicle-dg').datagrid('getSelected');
		var vehicleNo = row.vehicleNo;
		//location.href="vehicle/power.do?username="+username;
		var url = "vehicle/power.do";
		$.post(url, {
			"username" : vehicleNo
		}, function(data) {
			$("#center").empty();
			$("#center").html(data);
			$.parser.parse($("#center"));
		});

	}

	function removevehicle() {
		var array = $('#vehicle-dg').datagrid('getSelections');
		var ids = new Array();

		for (var i = 0; i < array.length; i++) {//组成一个字符串，ID主键之间用逗号隔开

			ids[i] = array[i].id;
		}

		ids = ids.join(',');

		if (array != "") {
			$.messager.defaults = {
				ok : "确定",
				cancel : "取消"
			};
			$.messager.confirm('操作提示', '是否要删除该信息？', function(r) {
				if (r) {
					var host = location.host;
					$.post('rest/vehicle/del.do', {
						ids : ids
					}, function(response) {

						if (response.retCode == "0000") {
							$('#vehicle-dg').datagrid('reload');
							$.messager.alert('操作提示', "删除成功", 'info');
						} else {
							$.messager.alert('操作提示', "删除失败", 'error');
						}
					});
				}
			});
		} else {
			$.messager.alert('操作提示', "请先选择要删除的信息！");
		}

	};

	function show() {
		var rows = $('#vehicle-dg').datagrid('getSelections');
		if (rows.length != 1) {
			$.messager.alert('操作提示', "请先选择一条要查看明细的信息！");
			return;
		}
		var row = $('#vehicle-dg').datagrid('getSelected');
		var username = row.mqttUser;
		var listUrl="vehicle/gouser.do";
		$.post(listUrl, {username }, function(data) {
			$("#center").empty();
			$("#center").html(data);
			$.parser.parse($("#center"));
		});
	}
	
	
</script>
</head>
<body>

	<div class="linkbar">
		<a>车辆管理</a>
	</div>
	<div class="formtoolbar" >
			<form id="veh-list-fms" method="post" novalidate>
			    <i>车辆编号</i> 
				<input id="vehicleNo" name="vehicleNo" style="width:100px" />
			    <i>汽车类型</i> 
				<input id="carType" name="carType" style="width:100px" />
				<i>设备编号</i> 
				<input id="deviceNo" name="deviceNo" style="width:100px" />
				<a id="submit-search" class="easyui-linkbutton" plain="true" iconCls="icon-search">搜索</a>						
				<br/>
				<a href="#" class="easyui-linkbutton" plain="true" iconCls="icon-back" onclick="back('vehicle/index.do')">返回</a>					
			</form>
		</div>
		<br/>
	<div class="clear"></div>
	<div id="vehicle-dg" toolbar="#toolbar" height:500></div>

	<div id="toolbar">
	<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="addvehicle()">添加</a>
	<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removevehicle()">删除</a> 
	<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="editvehicle()">权限操作</a> 
	<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="show()">通道明细</a>
	</div>

</body>
</html>